<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
    <meta content="telephone=no,email=no,address=no" name="format-detection">
    <meta content="on" http-equiv="x-dns-prefetch-control">
    <meta name="renderer" content="webkit" />
    <meta name="keyword" content="" />
    <meta name="description" content="" />
    <title>虚拟货币</title>
    <link rel="stylesheet" href="../../static/css/icon.css">
    <link rel="stylesheet" href="../../static/css/reset.css">
    <link rel="stylesheet" href="../../static/css/main.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../static/vendor/html5shiv.min.js"></script>
    <script src="../../static/vendor/respond.min.js"></script>
    <script>
        alert("您的浏览器版本过低请升级！");
        location.href = "http://outdatedbrowser.com/zh-cn";
    </script>
    <![endif]-->
</head>
<body>
<div id="app">
    <!------header----->
    <header id="header" class="inner-header">
        <div class="header-left">
            <a class="logo" href="index.html"><img src="../../static/images/basic/logo.png" alt=""></a>
            <ul class="nav">
                <li><a href="">首页</a></li>
                <li><a href="">交易中心</a></li>
                <li class="active"><a href="">行情中心</a></li>
                <li><a href="">个人中心</a></li>
            </ul>
        </div>
        <div class="header-right">
            <div class="header-right-item">
                <a class="asset-center edge-item" href="javascript:;">资产中心</a>
                <div class="head-member-cont asset-menu head-menu">
                    <div class="quick-menu-list">
                        <ul>
                            <li><a href=""><i class="iconfont icon-zichanguanli"></i><span>账户资产</span></a></li>
                            <li><a href=""><i class="iconfont icon-mx"></i><span>账户明细</span></a></li>
                            <li><a href=""><i class="iconfont icon-zhanghaoguanli"></i><span>资金账号</span></a></li>
                            <li><a href=""><i class="iconfont icon-zijinguanli"></i><span>资金管理</span></a></li>
                            <li><a href=""><i class="iconfont icon-qiapian"></i><span>我的 Coins</span></a></li>
                            <li><a href=""><i class="iconfont icon-jihua"></i><span>节点计划</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header-right-item">
                <a class="order" href="">订单</a>
            </div>
            <div class="header-right-item">
                <a class="username edge-item" href="javascript:;">天天来王者</a>
                <div class="head-member-cont username-menu head-menu">
                    <div class="vip">
                        <span>vip1</span>
                    </div>
                    <div class="protect-setting-notice">
                        <div>您已经设置3个保护项，还有3个可设置</div>
                        <a href="">保护项设置</a>
                    </div>
                    <div class="quick-menu-list">
                        <ul>
                            <li><a href=""><i class="iconfont icon-anquan"></i><span>账号安全</span></a></li>
                            <li><a href=""><i class="iconfont icon-jjr"></i><span>金牌经纪人</span></a></li>
                            <li><a href=""><i class="iconfont icon-api"></i><span>API访问</span></a></li>
                            <li><a href=""><i class="iconfont icon-history"></i><span>登陆历史</span></a></li>
                            <li><a href=""><i class="iconfont icon-approve"></i><span>实名认证</span></a></li>
                            <li><a href=""><i class="iconfont icon-tc"></i><span>安全退出</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header-right-item">
                <div class="language">
                    <span>简体中文</span>
                    <i class="icon" href="javascript:;"></i>
                </div>
                <div class="language-list head-menu">
                    <div class="item"><a href="">简体中文</a></div>
                    <div class="item"><a href="">繁体中文</a></div>
                    <div class="item"><a href="">English</a></div>
                    <div class="item"><a href="">简体中文</a></div>
                    <div class="item"><a href="">繁体中文</a></div>
                    <div class="item"><a href="">English</a></div>
                    <div class="item"><a href="">简体中文</a></div>
                    <div class="item"><a href="">繁体中文</a></div>
                </div>
            </div>
        </div>
    </header>
    <!-----trade center----->
    <section class="trade-center">
        <div class="trade-left">
            <div class="trade-currency trade-box">
                <div class="search">
                    <span>搜索币种</span>
                    <input type="text" class="search-input">
                </div>
                <div class="trade-currency-tab">
                    <div class="tab-title">
                        <a class="active" href=""><span class="text">usdt</span></a>
                        <a href=""><span class="text">btc</span></a>
                        <a href=""><span class="text">eth</span></a>
                        <a href=""><span class="text">自选</span></a>
                    </div>
                    <div class="trade-currency-list">
                        <div class="list-head">
                            <div class="col">
                                <a class="changeCurrencyList sort-up" href="">币种</a>
                            </div>
                            <div class="col">
                                <a class="changeCurrencyList sort-down" href="">最新价</a>
                            </div>
                            <div class="col">
                                <a class="changeCurrencyList" href="">涨幅</a>
                            </div>
                        </div>
                        <div id="trade-currency-list-scroll">
                            <div class="tab-item">
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-item">
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-item">
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-item">
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                                <div class="tab-item-list">
                                    <div class="col">
                                        <span class="weight">sda</span>
                                        <i class="italic">/</i>
                                        <span class="light">usdt</span>
                                    </div>
                                    <div class="col">
                                        <span class="yellow">$25.36</span>
                                    </div>
                                    <div class="col">
                                        <span class="green">+1.79%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="trade-msg trade-box">
                <div class="trade-msg-title">交易信息</div>
                <div class="trade-msg-list">
                    <ul>
                        <li><a href="">币币委托</a></li>
                        <li><a href="">币币账单</a></li>
                        <li><a href="">杠杆解释说明</a></li>
                        <li><a href="">借币历史记录</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="trade-right">
            <div class="k-line-chart trade-box">
                <div class="k-line-chart-head">
                    <span class="m">SDA/USDT</span>
                    <span><i>3256.90</i>=5362583.81 CNY</span>
                    <span>涨幅：-0.71%</span>
                    <span>高：3900.00</span>
                    <span>低：2800.20</span>
                    <span>24H量：5000 BTC</span>
                </div>
                <div class="k-line-chart-tab">
                    <div class="tab-title">
                        <a class="active" href="" data-category="hour-line">分时</a>
                        <a data-category="day-line" href="">日线</a>
                        <a data-category="week-line" href="">周线</a>
                        <a data-category="mouth-line" href="">月线</a>
                    </div>
                    <div class="tab-cont">
                        <div class="tab-item">
                            <div id="chart" class="chart"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="trade-right-bottom">
                <div class="left">
                    <div class="online-trade trade-box">
                        <div class="tab-title">
                            <div class="online-trade-cate">
                                <a href="">限价交易</a>
                                <a href="">市价交易</a>
                            </div>
                            <div class="rates">
                                <a class="rates-btn" href="">费率</a>
                            </div>
                        </div>
                        <div class="tab-cont">
                            <div class="tab-item">
                                <div class="buy trade-behavior">
                                    <div class="trade-behavior-item">
                                        <div class="head">买入价</div>
                                        <div class="current-price">
                                            <input value="14.43" readonly type="text">
                                            <span>USDT</span>
                                        </div>
                                        <div class="to-china-price">
                                            ≈ 91.25 CNY
                                        </div>
                                    </div>
                                    <div class="trade-behavior-item">
                                        <div class="head">买入量</div>
                                        <div class="current-price">
                                            <input value="14.43" type="text">
                                            <span>EOS</span>
                                        </div>
                                    </div>
                                    <div class="count-line">
                                        <span></span><span></span><span></span><span></span><span></span>
                                        <a id="drag-btn-1" class="drag-btn" href="javascript:;"></a>
                                        <div class="percent"></div>
                                    </div>
                                    <div class="count-range">
                                        <span>0 EOS</span><span>0.00025 EOS</span>
                                    </div>
                                    <div class="deal-price">
                                        <span>交易额</span><span>0.000245468</span><span>USDT</span>
                                    </div>
                                    <div class="btn">
                                        <a href="">买入 EOS</a>
                                    </div>
                                </div>
                                <div class="sell trade-behavior">
                                    <div class="trade-behavior-item">
                                        <div class="head">卖出价</div>
                                        <div class="current-price">
                                            <input readonly value="14.43" type="text">
                                            <span>USDT</span>
                                        </div>
                                        <div class="to-china-price">
                                            ≈ 91.25 CNY
                                        </div>
                                    </div>
                                    <div class="trade-behavior-item">
                                        <div class="head">卖出量</div>
                                        <div class="current-price">
                                            <input value="14.43" type="text">
                                            <span>EOS</span>
                                        </div>
                                    </div>
                                    <div class="count-line">
                                        <span></span><span></span><span></span><span></span><span></span>
                                        <a  id="drag-btn-2" class="drag-btn" href="javascript:;"></a>
                                        <div class="percent"></div>
                                    </div>
                                    <div class="count-range">
                                        <span>0 EOS</span><span>0.00025 EOS</span>
                                    </div>
                                    <div class="deal-price">
                                        <span>交易额</span><span>0.000245468</span><span>USDT</span>
                                    </div>
                                    <div class="btn">
                                        <a href="">卖出 EOS</a>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-item">
                                <div class="buy trade-behavior">
                                    <div class="trade-behavior-item">
                                        <div class="head">买入价</div>
                                        <div class="current-price">
                                            <input value="14.43" readonly type="text">
                                            <span>USDT</span>
                                        </div>
                                        <div class="to-china-price">
                                            ≈ 91.35 CNY
                                        </div>
                                    </div>
                                    <div class="trade-behavior-item">
                                        <div class="head">买入量</div>
                                        <div class="current-price">
                                            <input value="14.43" type="text">
                                            <span>EOS</span>
                                        </div>
                                    </div>
                                    <div class="count-line">
                                        <span></span><span></span><span></span><span></span><span></span>
                                    </div>
                                    <div class="count-range">
                                        <span>0 EOS</span><span>0.00025 EOS</span>
                                    </div>
                                    <div class="deal-price">
                                        <span>交易额</span><span>0.000245468</span><span>USDT</span>
                                    </div>
                                    <div class="btn">
                                        <a href="">买入 EOS</a>
                                    </div>
                                </div>
                                <div class="sell trade-behavior">
                                    <div class="trade-behavior-item">
                                        <div class="head">卖出价</div>
                                        <div class="current-price">
                                            <input readonly value="14.43" type="text">
                                            <span>USDT</span>
                                        </div>
                                        <div class="to-china-price">
                                            ≈ 91.25 CNY
                                        </div>
                                    </div>
                                    <div class="trade-behavior-item">
                                        <div class="head">卖出量</div>
                                        <div class="current-price">
                                            <input value="14.43" type="text">
                                            <span>EOS</span>
                                        </div>
                                    </div>
                                    <div class="count-line">
                                        <span></span><span></span><span></span><span></span><span></span>
                                    </div>
                                    <div class="count-range">
                                        <span>0 EOS</span><span>0.00025 EOS</span>
                                    </div>
                                    <div class="deal-price">
                                        <span>交易额</span><span>0.000245468</span><span>USDT</span>
                                    </div>
                                    <div class="btn">
                                        <a href="">卖出 EOS</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="delegate trade-box">
                        <div class="delegate-title">
                            当前委托
                        </div>
                        <div class="delegate-list">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>委托时间</th>
                                    <th>类型</th>
                                    <th>价格/数量</th>
                                    <th>总金额</th>
                                    <th>成交金额/数量</th>
                                    <th>手续费</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="latest-price trade-box">
                        <div class="latest-price-title">
                            <span class="m">最新价</span><span class="s">14.35 USDT = 90.85 CNY</span>
                        </div>
                        <div class="latest-price-list">
                            <div class="latest-price-list-head">
                                <div class="col">价格(USDT)</div>
                                <div class="col">数量(BTC)</div>
                                <div class="col">累计(BTC)</div>
                            </div>
                            <div class="list-cont">
                                <div class="sell">
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 7</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 6</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 5</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 4</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 3</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 2</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">卖 1</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="buy">
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 7</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545564654561651</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 6</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 5</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 4</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 3</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 2</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="col">
                                            <span class="s">买 1</span>
                                            <span>14.45</span>
                                        </div>
                                        <div class="col">
                                            <span>20.42545</span>
                                        </div>
                                        <div class="col">
                                            <span>56.2354</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="latest-price deal-record trade-box">
                        <div class="latest-price-title">
                            <span class="m">最新成交记录</span>
                        </div>
                        <div class="deal-record-list">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>时间</th>
                                    <th>方向</th>
                                    <th>价格</th>
                                    <th>数量</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>20:08:25</td>
                                    <td><span class="green">买入</span></td>
                                    <td><span class="green">3856.56</span></td>
                                    <td><span class="yellow">35.256</span></td>
                                </tr>
                                <tr>
                                    <td>20:08:25</td>
                                    <td><span class="green">买入</span></td>
                                    <td><span class="green">3856.56</span></td>
                                    <td><span class="yellow">35.256</span></td>
                                </tr>
                                <tr>
                                    <td>20:08:25</td>
                                    <td><span class="yellow">卖出</span></td>
                                    <td><span class="green">3856.56</span></td>
                                    <td><span class="yellow">35.256</span></td>
                                </tr>
                                <tr>
                                    <td>20:08:25</td>
                                    <td><span class="green">买入</span></td>
                                    <td><span class="green">3856.56</span></td>
                                    <td><span class="yellow">35.256</span></td>
                                </tr>
                                <tr>
                                    <td>20:08:25</td>
                                    <td><span class="yellow">卖出</span></td>
                                    <td><span class="green">3856.56</span></td>
                                    <td><span class="yellow">35.256</span></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-----footer------>
    <footer class="footer">
        <div class="footer-top">
            <div class="left">
                <img src="../../static/images/basic/logo.png" alt="">
                <div>数字资产交易平台</div>
            </div>
            <div class="right">
                <div class="fast-link-item">
                    <div class="link-title">用户支持</div>
                    <div class="link-list">
                        <ul>
                            <li><a href="">问题反馈</a></li>
                            <li><a href="">服务条款</a></li>
                            <li><a href="">免责申明</a></li>
                            <li><a href="">隐私保护</a></li>
                        </ul>
                    </div>
                </div>
                <div class="fast-link-item">
                    <div class="link-title">新手帮助</div>
                    <div class="link-list">
                        <ul>
                            <li><a href="">充值指南</a></li>
                            <li><a href="">交易指南</a></li>
                            <li><a href="">上币申请及说明</a></li>
                        </ul>
                    </div>
                </div>
                <div class="fast-link-item">
                    <div class="link-title">法律</div>
                    <div class="link-list">
                        <ul>
                            <li><a href="">用户协议</a></li>
                            <li><a href="">隐私条款</a></li>
                            <li><a href="">法律申明</a></li>
                        </ul>
                    </div>
                </div>
                <div class="fast-link-item contact-us">
                    <div class="link-title">联系我们</div>
                    <div class="contact-us-cont">
                        <div class="text">
                            联系电话：0556-2750026 <br>
                            客服邮箱：15200325811@163.com <br>
                            通讯地址：江苏省南京市 <br>
                        </div>
                        <div class="share">
                            <a href="" class="share-btn share-wechat"></a>
                            <a href="" class="share-btn share-weibo"></a>
                            <a href="" class="share-btn share-twitter"></a>
                            <a href="" class="share-btn share-strange"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="friend-link">
                <span>友情链接：</span>
                <a href="">比特币</a>
                <a href="">btctrade</a>
                <a href="">国际站</a>
                <a href="">以太币</a>
                <a href="">以太坊</a>
                <a href="">数字货币</a>
                <a href="">巴比特币</a>
                <a href="">看比特币</a>
                <a href="">火币网</a>
                <a href="">比特币矿机</a>
                <a href="">比特时代</a>
                <a href="">比特币新闻</a>
                <a href="">投资理财</a>
                <a href="">导航理财</a>
                <a href="">资讯链接财经</a>
                <a href="">以太币</a>
                <a href="">以太坊</a>
                <a href="">数字货币</a>
                <a href="">巴比特币</a>
                <a href="">看比特币</a>
                <a href="">火币网</a>
                <a href="">比特币矿机</a>
                <a href="">比特时代</a>
                <a href="">比特币新闻</a>
            </div>
            <div class="copyright">
                @2014-2018  coinw.com   all rights reserved
            </div>
        </div>
    </footer>
</div>
<script src="../../static/vendor/jquery.min.js"></script>
<script src="../../static/vendor/jquery.slimscroll.min.js"></script>
<script src="../../static/vendor/layer/layer.js"></script>
<script src="../../static/vendor/echarts.min.js"></script>
<script src="../../static/vendor/drag.1.0.js"></script>
<script src="../../static/vendor/vue.min.js"></script>
<script src="../../static/vendor/vue-i18n.min.js"></script>
<script src="../../static/js/main.js"></script>
<script>

    $(function(){
        initTab(".trade-currency-tab","#trade-currency-list-scroll","520px");
        initTab(".online-trade");

        //规则显示
        function showRule(){
            var text = "费率的介绍，应俄罗斯国防部长绍伊古大将、白俄罗斯国防部长拉夫科夫中将邀请，国务委员兼国防部长魏凤和上将将于4月1日至8日赴俄罗斯参加第七届莫斯科国际安全会议并访问俄罗斯、白俄罗斯。";
            var rules = $(".rates-btn");
            rules.hover(function(){
                var _this = this;
                layer.tips(text, $(_this), {
                    tips: [3, '#111545'],
                    time: 0
                });
            },function(){
                layer.closeAll();
            })
        }
        showRule();


        startDrag(document.getElementById("drag-btn-2"), document.getElementById("drag-btn-2"),function(x){
            var obj = $("#drag-btn-2");
            obj.siblings(".percent").stop().animate({
                width:x+"px"
            },100);
            var step = Math.ceil(x*4/obj.parent(".count-line").width());
            obj.parent(".count-line").find("span").removeClass("active");
            obj.parent(".count-line").find("span:lt("+step+")").addClass("active");
        });



        startDrag(document.getElementById("drag-btn-1"), document.getElementById("drag-btn-1"),function(x){
            var obj = $("#drag-btn-1");
            obj.siblings(".percent").stop().animate({
                width:x+"px"
            },100);
            var step = Math.ceil(x*4/obj.parent(".count-line").width());
            obj.parent(".count-line").find("span").removeClass("active");
            obj.parent(".count-line").find("span:lt("+step+")").addClass("active");
        });




    });



    function splitData(rawData) {
        var categoryData = [];
        var values = [];
        var volumes = [];
        for (var i = 0; i < rawData.length; i++) {
            categoryData.push(rawData[i].splice(0, 1)[0]);
            values.push(rawData[i]);
            volumes.push([i, rawData[i][4], rawData[i][0] > rawData[i][1] ? 1 : -1]);
        }

        return {
            categoryData: categoryData,
            values: values,
            volumes: volumes
        };
    }
    function calculateMA(dayCount, data) {
        var result = [];
        for (var i = 0, len = data.values.length; i < len; i++) {
            if (i < dayCount) {
                result.push('-');
                continue;
            }
            var sum = 0;
            for (var j = 0; j < dayCount; j++) {
                sum += data.values[i - j][1];
            }
            result.push(+(sum / dayCount).toFixed(3));
        }
        return result;
    }

    var myChart,
        upColor = '#00da3c',
        downColor = '#ec0000',
        postUrl = '../../static/data/stock-DJI.json';
    function initChart(id,url){

        myChart = echarts.init(document.getElementById(id));
        var option = null;
        $.get(url, function (rawData) {
            var data = splitData(rawData);
            myChart.setOption(option = {
                backgroundColor: '#f2f3f8',
                animation: false,
                legend: {
                    bottom: 10,
                    left: 'center',
                    data: ['MA0', 'MA5', 'MA10', 'MA20', 'MA30'],
                    show: false
                },
                toolbox:{
                    show:false
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross'
                    },
                    backgroundColor: 'rgba(17, 21, 69, 0.6)',
                    padding: 10,
                    textStyle: {
                        color: '#fff'
                    }
                },
                axisPointer: {
                    link: {xAxisIndex: 'all'},
                    label: {
                        backgroundColor: '#777'
                    }
                },
                brush: {
                    xAxisIndex: 'all',
                    brushLink: 'all',
                    outOfBrush: {
                        colorAlpha: 0.1
                    },
                    brushStyle:{
                        borderWidth: 0,
                        color: 'rgba(120,140,180,0.3)',
                        borderColor: 'rgba(120,140,180,0.8)'
                    }
                },
                visualMap: {
                    show: false,
                    seriesIndex: 5,
                    dimension: 2,
                    pieces: [{
                        value: 1,
                        color: downColor
                    }, {
                        value: -1,
                        color: upColor
                    }]
                },
                grid: [
                    {
                        left: '60px',
                        right: '50px',
                        height: '400px',
                        top:'20px'
                    },
                    {
                        left: '60px',
                        right: '50px',
                        top: '430px',
                        height: '128px'
                    }
                ],
                xAxis: [
                    {
                        type: 'category',
                        data: data.categoryData,
                        scale: true,
                        boundaryGap: false,
                        axisLine: {onZero: false},
                        splitLine: {show: false},
                        splitNumber: 20,
                        min: 'dataMin',
                        max: 'dataMax',
                        axisPointer: {
                            z: 100
                        }
                    },
                    {
                        type: 'category',
                        gridIndex: 1,
                        data: data.categoryData,
                        scale: true,
                        boundaryGap: false,
                        axisLine: {onZero: false},
                        axisTick: {show: false},
                        splitLine: {show: false},
                        axisLabel: {show: false},
                        splitNumber: 20,
                        min: 'dataMin',
                        max: 'dataMax'
                    }
                ],
                yAxis: [
                    {
                        scale: true,
                        splitArea: {
                            show: false
                        }
                    },
                    {
                        scale: true,
                        gridIndex: 1,
                        splitNumber: 2,
                        axisLabel: {show: false},
                        axisLine: {show: false},
                        axisTick: {show: false},
                        splitLine: {show: false}
                    }
                ],
                dataZoom: [
                    {
                        type: 'inside',
                        xAxisIndex: [0, 1],
                        start: 98,
                        end: 100
                    }
                ],
                series: [
                    {
                        name: 'MA0',
                        type: 'candlestick',
                        data: data.values,
                        itemStyle: {
                            normal: {
                                color: upColor,
                                color0: downColor,
                                borderColor: null,
                                borderColor0: null
                            }
                        }
                    },
                    {
                        name: 'MA5',
                        type: 'line',
                        data: calculateMA(5, data),
                        smooth: true,
                        lineStyle: {
                            normal: {opacity: 0.5}
                        }
                    },
                    {
                        name: 'MA10',
                        type: 'line',
                        data: calculateMA(10, data),
                        smooth: true,
                        lineStyle: {
                            normal: {opacity: 0.5}
                        }
                    },
                    {
                        name: 'MA20',
                        type: 'line',
                        data: calculateMA(20, data),
                        smooth: true,
                        lineStyle: {
                            normal: {opacity: 0.5}
                        }
                    },
                    {
                        name: 'MA30',
                        type: 'line',
                        data: calculateMA(30, data),
                        smooth: true,
                        lineStyle: {
                            normal: {opacity: 0.5}
                        }
                    },
                    {
                        name: 'Total',
                        type: 'bar',
                        xAxisIndex: 1,
                        yAxisIndex: 1,
                        data: data.volumes
                    }
                ]
            }, true);
            /***
             * 这里可以根据返回数据求得  coordRange
             * ***/
            myChart.dispatchAction({
                type: 'brush',
                areas: [
                    {
                        brushType: 'lineX',
                        coordRange: ['2016-06-02', '2016-06-20'],
                        xAxisIndex: 0
                    }
                ]
            });
            myChart.hideLoading();
        });
        myChart.showLoading();
        if (option && typeof option === "object") {
            myChart.setOption(option, true);
        }
    }

    function destroyChart(){
        myChart.clear();
    }

    window.addEventListener("resize",function(){
        myChart.resize();
    },false);

    initChart("chart",postUrl);

    $(".k-line-chart-tab .tab-title a").each(function(index){
        $(this).on("click",function(){
            var category = $(this).data("category");
            destroyChart();
            initChart("chart",postUrl);
            return false;
        })
    })



</script>
</body>
</html>